<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="common.jsp"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>人寿车险</title>
<link rel="shortcut icon" href="favicon(1).ico" type="${basePath}/images/x-icon" />
<link rel="stylesheet" type="text/css" href="${basePath}/css/baofei.css">
<link href="${basePath}/SpryAssets/SpryValidationPassword.css" rel="stylesheet"
	type="text/css">
<link href="${basePath}/SpryAssets/SpryValidationTextarea.css" rel="stylesheet"
	type="text/css">
<script src="${basePath}/SpryAssets/SpryValidationPassword.js"
	type="text/javascript"></script>
<script src="${basePath}/SpryAssets/SpryValidationTextarea.js"
	type="text/javascript"></script>

 <script type="text/javascript">
          $(function(){
			  
			  $(".box3 .form1 input[type=checkbox]").click(function(){
				  $(".box3 .form2 .chudeng").css("display","none");
				  $(".box3 .form2 .goumai").css("display","block");
				  
				  });
			  
			  
			  });
         /*  layer.msg('名字不为空。。', {icon: 5,offset: 't',}); */
        	  
          </script>
</head>
 
<body>
<div class="main">
  <div class="box1">
  <!--头部logo部分-->
<%@include file="header.jsp"%>
    <div class="main1">
      <div class="box2">
      <!--导航部分-->
        <div class="nav">
          <ul>
            <li class="dh1"><strong><span>1</span>.填写车辆信息</strong></li>
            <li class="dh2"><strong><span>2</span>.获得车险报价</strong></li>
            <li class="dh3"><strong><span>3</span>.确认并投保</strong></li>
          </ul>
        </div>
        <h3><img src="images/ling.png" >
          <p>欢迎来到中国人寿车险网上投保平台，请你准备好车辆行驶证(新车请准备车辆合格证)，准确填写获得更精准的报价！</p>
        </h3>
        <!--车辆信息-->
        <div class="car">
          <h4>
            <p>车辆信息</p>
          </h4>
          <div class="xinxi">
            <p>车牌号：<span>豫A89523</span></p>
            <p>注册登记日期：<span>2017-04-01</span></p>
            <p>投保城市：<span>郑州市</span></p>
            <p class="chejia">VIN码/车架号：<span>32451232123</span></p>
            <p class="fazheng">发证日期：<span>2017-01-01</span></p>
            <p>是否过户车：<span>否</span></p>
            <p class="fadong">发动机号：<span>1564561223</span></p>
            <p class="pinpai">品牌车型：<span>1564561223</span></p>
            <p>实际价值：<span>234800元</span></p>
          </div>
        </div>
        <!--商业险-->
        <div class="shangye">
          <h4> <img src="images/shangye.png">
            <p>商业险</p>
            <span>（优惠系数：0.58）</span> </h4>
          <div class="zhuti">
            <ul>
              <li><strong>
                <p>*</p>
                条款代码/条款名称</strong></li>
              <li>
                <input name="" type="checkbox" value="">
                <strong>不计免赔率</strong></li>
              <li><strong>
                <p>*</p>
                保险金额/责任限额(元)</strong></li>
              <li><strong>实交保费(元)</strong></li>
            </ul>
            <div class="zhuxian">
              <h5>
                <p>*</p>
                <span>主险</span></h5>
              <div class="form1" action="" method="get">
                <input class="chb1" name="" type="checkbox" value="">
                <p>第三者责任保险</p>
                <input class="chb2" name="" type="checkbox" value="">
                <select name="">
                  <option value="" selected>2000</option>
                  <option value="">5000</option>
                  <option value="">10000</option>
                </select>
                <input name="" type="text">
              </div>
              <div class="form2" action="" method="get">
                <input class="chb3" name="" type="checkbox" value="">
                <p>机动车损失保险</p>
                <input class="chb4" name="" type="checkbox" value="">
                <input class="text1" name="" type="text">
                <input name="" type="text">
              </div>
              <div class="form1" action="" method="get">
                <input class="chb1" name="" type="checkbox" value="">
                <p class="jiashi">车上人员责任保险(驾驶人)</p>
                <input class="chb2" name="" type="checkbox" value="">
                <select name="">
                  <option value="" selected>2000</option>
                  <option value="">5000</option>
                  <option value="">10000</option>
                </select>
                <input name="" type="text">
              </div>
              <div class="form3" action="" method="get">
                <input class="chb5" name="" type="checkbox" value="">
                <p class="chengke">车上人员责任保险(乘客)</p>
                <select name="">
                  <option value="" selected>2000</option>
                  <option value="">4000</option>
                  <option value="">6000</option>
                </select>
                <span>元/座&nbsp;&nbsp;4&nbsp;座</span>
                <input class="chb6" name="" type="checkbox" value="">
                <input class="text2" name="" type="text">
                <input name="" type="text">
              </div>
              <div class="form2" action="" method="get">
                <input class="chb3" name="" type="checkbox" value="">
                <p class="quanche">全车盗抢保险</p>
                <input class="chb4" name="" type="checkbox" value="">
                <input class="text1" name="" type="text">
              </div>
            </div>
            <div class="fujia">
              <dl>
                <dt><img src="images/jia.png"></dt>
                <dd><strong>附加险</strong></dd>
              </dl>
              <div class="form2" action="" method="get">
                <input class="chb3" name="" type="checkbox" value="">
                <p class="fujia1">不计免赔率险(第三者责任保险)</p>
                <input class="text1" name="" type="text">
                <input name="" type="text">
              </div>
              <div class="form1" action="" method="get">
                <input class="chb1" name="" type="checkbox" value="">
                <p>车身划痕损失险</p>
                <input class="chb2" name="" type="checkbox" value="">
                <select name="">
                  <option value="" selected>2000</option>
                  <option value="">5000</option>
                  <option value="">10000</option>
                </select>
                <input name="" type="text">
              </div>
              <div class="form3" action="" method="get">
                <input class="chb5" name="" type="checkbox" value="">
                <p class="chengke">玻璃单独破碎险</p>
                <select name="">
                  <option value="" selected>国产</option>
                  <option value="">进口</option>
                </select>
                <input class="text2" name="" type="text">
                <input name="" type="text">
              </div>
              <div class="form2" action="" method="get">
                <input class="chb3" name="" type="checkbox" value="">
                <p>自燃损失险</p>
                <input class="chb4" name="" type="checkbox" value="">
                <input class="text1" name="" type="text">
                <input name="" type="text">
              </div>
              <div class="form2" action="" method="get">
                <input class="chb3" name="" type="checkbox" value="">
                <p class="sheshui">发动机涉水损失险</p>
                <input class="chb4" name="" type="checkbox" value="">
                <input class="text1" name="" type="text">
                <input name="" type="text">
              </div>
              <div class="form2" action="" method="get">
                <input class="chb3" name="" type="checkbox" value="">
                <p class="mianpei">不计免赔率(机动车损失保险)</p>
                <input class="text1" name="" type="text">
                <input name="" type="text">
              </div>
              <div class="form2" action="" method="get">
                <input class="chb3" name="" type="checkbox" value="">
                <p class="san">机动车损失保险无法找到第三方特约险</p>
                <input class="text1" name="" type="text">
                <input name="" type="text">
              </div>
            </div>
          </div>
        </div>
        <!--交强险-->
        <div class="jiaoqiang">
          <h4> <img src="images/shangye.png">
            <p>交强险/车船税</p>
            <span>（优惠系数：0.6）</span> </h4>
          <div class="zhuti1">
            <ul>
              <li><img src="images/jiaoqiang.png"> <strong>保障内容</strong> </li>
              <li><strong>保险金额（元）</strong></li>
              <li><strong>保费(元)</strong></li>
            </ul>
            <h5></h5>
            <div class="jq">
              <p>交强险</p>
              <input name="" type="checkbox" value="">
              <p class="toubao">投保</p>
              <span>0.00</span>
              <h6></h6>
              <p>车船税</p>
              <input name="" type="checkbox" value="">
              <p class="jiaona">缴纳</p>
              <span class="ss">0.00</span> </div>
            <div class="jiesuan"> <a href="#"><img src="images/jisuan.png"></a>
              <p class="youhui">优惠价共计：<span>￥3025.26</span>元</p>
              <p class="jiesheng">您为自己节省了：<span>￥88.00</span>元哦！</p>
            </div>
          </div>
        </div>
        <!--保险生效日期-->
        <div class="riqi">
          <h4>
            <p>保险生效日期</p>
          </h4>
          <div class="box3">
            <div class="main2">
              <ul>
                <li>交强险即时是否生效：</li>
                <li>商业险即时是否生效：</li>
                <li class="zi1">交强险保险期间：自</li>
                <li class="zi1">商业险保险期间：自</li>
                <li>上一张交强险保单保险起期：</li>
                <li>上一张商业险保单保险起期：</li>
                <li>投保日期：</li>
              </ul>
              <div class="form4" action="" method="get">
                <select name="">
                  <option value="" selected>是</option>
                  <option value="">否</option>
                </select>
                <select name="">
                  <option value="" selected>是</option>
                  <option value="">否</option>
                </select>
                <div class="aa1">
                  <input name="" type="text">
                  <input name="" type="text">
                </div>
                <div class="aa2">
                  <p class="qi"><img src="images/rili.png">日零时起至</p>
                  <p class="qi"><img src="images/rili.png">日零时起至</p>
                </div>
                <div class="aa1">
                  <input name="" type="text">
                  <input name="" type="text">
                </div>
                <div class="aa3">
                  <input name="" type="text">
                  <input name="" type="text">
                </div>
                <div class="aa4">
                  <p class="qi">上一张交强险保单保险止期：</p>
                  <p class="qi">上一张商业险保单保险止期：</p>
                </div>
                <div class="aa3">
                  <input name="" type="text">
                  <input name="" type="text">
                </div>
                <div class="aa5">
                  <input class="last" name="" type="text">
                  <img src="images/rili.png">
                  <p class="lingshi">零时</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!--去投保-->
        <div class="toubao1">
        <input id="submitBtn" name="" type="button" value="去投保">
        <a href="#">保存离开</a>
        </div>
      </div>
    </div>
    <div class="wenti"> <img src="images/wenti.png" > </div>
  </div>
</div>
	<script>
	
	$("#submitBtn").click(function(){
		 window.location.href="insuranceConfirm.do"
		});
	//校验初始化

//校验初始化
/* 
$("#subForm").Validform({
	btnSubmit:"#submitBtn", 
	tiptype:1, 
	ignoreHidden:false,
	dragonfly:false,
	tipSweep:true,
	label:".label",
	showAllError:true,
	postonce:true,
	ajaxPost:true,
	datatype:{
	},
	callback:function(data){
		if(data.status=="y")
		{			
			//setTimeout("window.location.reload(); ",700);
			//alert("callBack");	
			$("#div3").css('display','none');
			$("#div4").css('display','block');
			$("#imgId").attr('src',"${ctx}/view/images/dealier/icon_step3.png"); 
		}
		else
		{
			$("failBdsb").html(data.value);
			$("#bdsb").show();
		}
	}
}); */
	</script>
</body>
</html>
